import React from 'react';
import './sale.less';
import { history } from 'umi';

export default function index() {
  return (
    <div className="ModuleIndex">
      <div className="block">
        <div className="head">客户</div>
        <div className="hline">
          <div className="arrow"></div>
        </div>

        <div
          className="item"
          onClick={() => history.push('/home/sale/adduser')}
        >
          <span className="icon-user-o iconfont"></span>
          <span>新增客户</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>

        <div className="item" onClick={() => history.push('/home/sale/divide')}>
          <span className="icon-user-plus iconfont"></span>
          <span> 分配客户</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-slideshare iconfont"></span>
          <span>跟进客户</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-whatsapp iconfont"></span>
          <span>客户跟进记录列表</span>
        </div>
      </div>
      <div className="vline">
        <div className="arrow"></div>
      </div>
      <div className="block">
        <div className="head">报价</div>
        <div className="hline">
          <div className="arrow"></div>
        </div>

        <div className="item">
          <span className="icon-wpforms iconfont"></span>
          <span>新增报价申请</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-language iconfont"></span>
          <span> 报价申请列表</span>
        </div>

        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-ioxhost iconfont"></span>
          <span>新增正式报价</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-newspaper-o iconfont"></span>
          <span>正式报价列表</span>
        </div>
      </div>
      <div className="vline">
        <div className="arrow"></div>
      </div>
      <div className="block">
        <div className="head">合同</div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-edit1 iconfont"></span>
          <span>新增销售合同</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-sort iconfont"></span>
          <span> 全部合同列表</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-motorcycle iconfont"></span>
          <span>合同执行进度表</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-connectdevelop iconfont"></span>
          <span>客户合同对账表</span>
        </div>
      </div>
      <div className="vline">
        <div className="arrow"></div>
      </div>
      <div className="block">
        <div className="head">退货</div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-cartplus iconfont"></span>
          <span>新增销售退货</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-ico_unfold iconfont"></span>
          <span>销售退货列表</span>
        </div>
        <div className="hline">
          <div className="arrow"></div>
        </div>
        <div className="item">
          <span className="icon-snowflake-o iconfont"></span>
          <span>销售退货明细表</span>
        </div>
      </div>
      <div className="vline">
        <div className="arrow"></div>
      </div>
      <div className="block">
        <div className="head">售后</div>
        <div className="hline">
          <div className="arrow"></div>
        </div>

        <div className="item">
          <span className="icon-retweet iconfont"></span>
          <span>维修受理列表</span>
        </div>
        <div className="ddd"></div>
        <div className="item">
          <span className="icon-gears iconfont"></span>
          <span>维修处理列表</span>
        </div>
        <div className="ddd"></div>
        <div className="item">
          <span className="icon-eye iconfont"></span>
          <span>客户关怀表</span>
        </div>
        <div className="ddd"></div>
        <div className="item">
          <span className="icon-twitch iconfont"></span>
          <span>客户回访列表</span>
        </div>
        <br />
      </div>
    </div>
  );
}
